@import '../def.scss';

.content {
    width: 750rpx;
	margin: 0 auto;
	.title-top{
		font-size: 24rpx;
		font-weight: 400;
		color: #1C1C1C;
		line-height: 94rpx;
		height: 94rpx;
		text-align: right;
		padding-right: 56rpx;
	}
	.list {
		width: 100%;
		margin-bottom: 20rpx;
		.item {
			padding: 0 24rpx;
			box-sizing: border-box;
			width: 100%;
			height: 148rpx;
			@extend .flex-row-center;
			background: #FFFFFF;
			.avatar {
				width: 100rpx;
				height: 100rpx;
				font-size: 0;
				position: relative;
				image {
					width: 100%;
					height: 100%;
					border-radius: 50%;
				}
				
			}
			.info {
				margin-left: 20rpx;
				width: calc(100% - 60rpx - 60rpx);
				.title {
					width: 100%;
					@extend .flex-row-center-space;
					.nickname {
						font-size: 32rpx;
						color: #333333;
						line-height: 32rpx;
						font-weight: bold;
					}
					.time {
						font-size: 28rpx;
						line-height: 32rpx;
						color: #666666;
					}
				}
				.desc {
					width: 100%;
					@extend .nowrap;
					font-size: 28rpx;
					color: #666666;
					line-height: 32rpx;
					padding-top: 16rpx;
					position:relative;
					.desc-txt{
						display: inline-block;
						width: 500rpx;
						@extend .nowrap;
					}
					.unread{
						position: absolute;
						bottom: 0rpx;
						right: 20rpx;
						
			
					}
				}
			}
		}
	}
}
.nav-block{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 30rpx 0;
	box-sizing: border-box;
	.nav-item{
		display: flex;
		@extend .flex-column-center;
		margin-right: 126rpx;
		&:last-child{
			margin-right: 0;
		}
		image{
			width: 100rpx;
			height: 100rpx;
		}
		span{
			margin-top: 24rpx;
			font-size: 28rpx;
			font-weight: normal;
			line-height: 36rpx;
			color: #000000;
		}
	}
}